<script setup lang="ts">
import DishItemBar from '@/pages/dishManagement/components/DishItemBar.vue'

function handleClickLeft() {
  uni.navigateBack()
}
</script>

<template>
  <view class="h-full flex flex-col">
    <wd-navbar title="菜品搜索" left-text="返回" left-arrow @click-left="handleClickLeft" />
    <wd-search placeholder="请输入菜名检索" focus hide-cancel placeholder-left />
    <view class="flex-1 overflow-hidden bg-white">
      <scroll-view class="box-border h-full overflow-hidden p-2">
        <dish-item-bar>
          <wd-icon name="arrow-right" custom-class="mr-2" size="16px" color="#aaa" />
        </dish-item-bar>
      </scroll-view>
    </view>
  </view>
</template>

<style scoped lang="scss"></style>
